<!DOCTYPE html>
<html lang="en">
<head>
    <title>听课</title>
    <meta charset="UTF-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
</head>
<body>

<div class="header">
    <div class="headerTop">
        <a href="javascript:void(0);" class="logo"></a>
        <div class="headerSearch">
            <input type="text" name="keyword" class="form-control" autocomplete="off" placeholder="请输入课程关键字"/>
            <button type="button" class="btn btn-primary">
                <i class="iconfont">&#xe618;</i>
                搜索
            </button>
        </div>
        <div class="headerLogin">
            <i class="iconfont c999">&#xe625;</i>
            <a href="login.html" class="btn btn-default">登陆</a>
            <a href="register.html" class="btn btn-default register">注册有礼</a>
        </div>
    </div>
    <div class="menu">
        <a href="index.html" class="active">首　页</a>
        <a href="about.html">关于我们</a>
        <a href="course.html">全部课程</a>
        <a href="record.html">学习记录</a>
        <a href="user.html">个人中心</a>
    </div>
</div>

<div class="attend">
    <h1>国学测试直播</h1>
    <div class="clearfix lh56 pb-15" style="width:1160px;">
        <span class="pull-left font25 c717 ">1 人已学习</span>
        <span class="pull-right">
            <a href="javascript:void(0);"><img src="images/003.png" alt=""></a>
            <a href="javascript:void(0);" class="ml-15"><img src="images/004.png" alt=""></a>
        </span>
    </div>
    <div class="videoBox">
        <div class="videoPlay">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1160" height="660">
                <param name="movie" value="images/Flvplayer.swf" />
                <param name="quality" value="high" />
                <param name="allowFullScreen" value="true" />
                <param name="FlashVars" value="vcastr_file=demo.flv&LogoText=符氏书画教育&BufferTime=3&IsAutoPlay=1&LogoUrl=images/logo.png" />
                <embed src="images/Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=demo.flv&LogoText=符氏书画教育&BufferTime=3&IsAutoPlay=1&LogoUrl=images/logo.png" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1160" height="660"></embed>
            </object>
        </div>
        <div class="videoInfo">
            <div class="livePlayCon">
                邱文山，资深国学讲师，中华诗词学会会员，安徽省老子研究会会员，千聊国学课堂“习古堂”创办人、讲师，作品常见于报刊、网络媒体，教学深入浅出，生动、接地气，深受不同年龄阶段的听众喜爱。
            </div>
            <dl>
                <dd class="active">
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">9:00</span><span class="ml-15">国学测试直播</span>
                    </a>
                </dd>
                <dd>
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">11:00</span><span class="ml-15">国学测试直播二</span>
                    </a>
                </dd>
                <dd>
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">11:00</span><span class="ml-15">国学测试直播二</span>
                    </a>
                </dd>
                <dd>
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">11:00</span><span class="ml-15">国学测试直播二</span>
                    </a>
                </dd>
                <dd>
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">11:00</span><span class="ml-15">国学测试直播二</span>
                    </a>
                </dd>
                <dd>
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">11:00</span><span class="ml-15">国学测试直播二</span>
                    </a>
                </dd>
            </dl>
        </div>
    </div>
    <div class="message">
        <div class="tabs">
            <a href="javascript:void(0);">课程介绍</a>
            <a href="javascript:void(0);" class="active">学员评价</a>
            <span class="c717">(666条评论)</span>
        </div>
        <div class="clearfix pl-15 pr-15">
            <form action="" method="POST" class="form-horizontal" @submit.prevent="validateBeforeSubmit">
                <div class="form-group">
                    <textarea class="form-control" style="height: 270px;"></textarea>
                </div>

                <div class="form-group text-right">
                    <button type="submit" class="btn btn-primary btn-lg" style="width: 100px;">发表</button>
                </div>
            </form>
        </div>
        <div class="pl-15 pr-15 clearfix">
            <ul class="media-list">
                <div class="media">
                    <div class="media-left">
                        <a href="javascript:void(0);">
                            <img class="media-object" src="images/2663316229653045115.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">用户名称
                            <span class="cffd">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                        </span>
                        </h4>
                        <div class="clearfix">
                            <span class="label label-primary">太简单</span>
                            <span class="label label-warning">666个赞</span>
                        </div>
                        <div class="clearfix font20 c717 lh26 pt-15 pb-15">
                            邱文山，资深国学讲师，中华诗词学会会员，安徽省老子研究会会员，千聊国学课
                        </div>
                        <div class="clearfix">
                            <span class="pull-left lh40 c717">
                                6小时前
                            </span>
                            <span class="pull-right">
                                <a href="javascript:void(0);" class="c717 font16">回复</a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe63f;</i><span class="div_vm font16">0</span></a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe6b2;</i></a>
                            </span>
                        </div>
                    </div>
                </div>
            </ul>
            <ul class="media-list">
                <div class="media">
                    <div class="media-left">
                        <a href="javascript:void(0);">
                            <img class="media-object" src="images/2663316229653045115.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">用户名称
                            <span class="cffd">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                        </span>
                        </h4>
                        <div class="clearfix">
                            <span class="label label-primary">太简单</span>
                            <span class="label label-warning">666个赞</span>
                        </div>
                        <div class="clearfix font20 c717 lh26 pt-15 pb-15">
                            邱文山，资深国学讲师，中华诗词学会会员，安徽省老子研究会会员，千聊国学课
                        </div>
                        <div class="clearfix">
                            <span class="pull-left lh40 c717">
                                6小时前
                            </span>
                            <span class="pull-right">
                                <a href="javascript:void(0);" class="c717 font16">回复</a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe63f;</i><span class="div_vm font16">0</span></a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe6b2;</i></a>
                            </span>
                        </div>
                    </div>
                </div>
            </ul>
            <ul class="media-list">
                <div class="media">
                    <div class="media-left">
                        <a href="javascript:void(0);">
                            <img class="media-object" src="images/2663316229653045115.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">用户名称
                            <span class="cffd">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                        </span>
                        </h4>
                        <div class="clearfix">
                            <span class="label label-primary">太简单</span>
                            <span class="label label-warning">666个赞</span>
                        </div>
                        <div class="clearfix font20 c717 lh26 pt-15 pb-15">
                            邱文山，资深国学讲师，中华诗词学会会员，安徽省老子研究会会员，千聊国学课
                        </div>
                        <div class="clearfix">
                            <span class="pull-left lh40 c717">
                                6小时前
                            </span>
                            <span class="pull-right">
                                <a href="javascript:void(0);" class="c717 font16">回复</a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe63f;</i><span class="div_vm font16">0</span></a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe6b2;</i></a>
                            </span>
                        </div>
                    </div>
                </div>
            </ul>
            <ul class="media-list">
                <div class="media">
                    <div class="media-left">
                        <a href="javascript:void(0);">
                            <img class="media-object" src="images/2663316229653045115.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">用户名称
                            <span class="cffd">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                        </span>
                        </h4>
                        <div class="clearfix">
                            <span class="label label-primary">太简单</span>
                            <span class="label label-warning">666个赞</span>
                        </div>
                        <div class="clearfix font20 c717 lh26 pt-15 pb-15">
                            邱文山，资深国学讲师，中华诗词学会会员，安徽省老子研究会会员，千聊国学课
                        </div>
                        <div class="clearfix">
                            <span class="pull-left lh40 c717">
                                6小时前
                            </span>
                            <span class="pull-right">
                                <a href="javascript:void(0);" class="c717 font16">回复</a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe63f;</i><span class="div_vm font16">0</span></a>
                                <a href="javascript:void(0);" class="c717 ml-15"><i class="iconfont font20">&#xe6b2;</i></a>
                            </span>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
    </div>
</div>


<div class="kefu">
    <div class="clearfix text-center mb-30">
        <i class="iconfont font50 c717">&#xe606;</i>
        <div class="font20 c717 lh36">欢迎来到符氏书画教育</div>
    </div>
    <div class="clearfix">
        <a href="javascript:void(0);" class="btn btn-block is-plain mb-30">学员登录</a>
        <a href="javascript:void(0);" class="btn btn-block btn-img mb-30">注册送好礼 <img src="./images/001.png" alt=""></a>
    </div>
    <div class="blk20"></div>
    <div class="clearfix text-center">
        <a href="javascript:void(0);">
            <i class="iconfont c905 font50">&#xe627;</i>
            <span class="div_vm font25 c905 ml-10"><b>在线咨询</b></span>
        </a>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
